<template>
	<view class="u-rela">
		<view class="u-font-34 blod">
			收到的简历
		</view>
		<!-- 简历列表 -->
		<navigator :url="`/pages/recruit/worker/ygdetail?resume_id=${item.resume_id}`" class="worker-item u-flex u-col-top" v-for="(item,index) in workerList" :key="item.resume_id">
			<u-image src="https://wxcode.sowreap.cn/nongmuWeChatImage/static/images/my/avatar.png" width="100rpx"
				height="100rpx" shape="circle"></u-image>
			<div class="right u-m-l-20 u-flex-1">
				<div class="u-flex">
					<view class="title">{{item.name}}</view>
					<div class="text-bg">{{handlerGender(item.gender)}}</div>
					<!-- <div class="address u-flex-1 u-text-right">{{item.address}}</div> -->
				</div>
				<div class="u-flex u-m-t-8">
					<view class="salary u-m-r-20">{{item.salary}}</view>
					<!-- <text class="label-item" v-for="(item2,index) in item.label">{{item2}}</text> -->
					<text class="label-item">{{ item.education }}</text>
				</div>
				<div class="u-flex u-border-top u-m-t-25 u-p-t-20">
					<div class="text-bg">期望</div>
					<text class="u-font-24 u-content-color u-m-l-20">{{item.hope}}</text>
				</div>
			</div>
		</navigator>
	</view>
</template>

<script>
	
	export default {
		components: {},
		data() {
			return {
				workerList: [
					
				],
			}
		},
		onLoad() {
			// 简历列表
			this.get_recruit_resumeList()
		},
		onPullDownRefresh() {
			// 简历列表
			this.get_recruit_resumeList()
		},
		methods: {
			// 简历列表
			get_recruit_resumeList(){
				uni.showLoading({
					title: '加载中...'
				});
				this.$http({
					url:this.api.recruit_resumeList,
					method:'GET'
				}).then(res=>{
					if(res.code == 1){
						uni.hideLoading();
						uni.stopPullDownRefresh();
						this.workerList = res.data.list
					}
				})
			},
			
			// 判断性别函数
			handlerGender(num){
				if(num == 0){
					return '未知'
				}else if(num == 1){
					return '男'
				}else{
					return '女'
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.worker-item {
			width: 710rpx;
			margin: 20rpx auto;
			background: #FFFFFF;
			border-radius: 10rpx;
			padding: 30rpx;
			position: relative;
			box-sizing: border-box;
			box-shadow: 0px 0px 30px 0px rgba(8,14,95,0.1);
	
			.title {
				font-size: 34rpx;
				font-weight: 700;
			}
			.text-bg{
				background: #F3F3F3;
				border-radius: 17rpx;
				padding:8rpx 12rpx;
				font-size: 20rpx;
				color: #999999;
				margin-left:6rpx;
			}
	
			.icon-7 {
				width: 28rpx;
				height: 28rpx;
				margin-right: 10rpx;
			}
	
			.salary {
				
				color: #F7661E;
				font-size: 24rpx;
			}
	
			.label-item {
					border: 1px solid #DDDDDD;
					border-radius: 5rpx;
					padding: 8rpx 10rpx;
					font-size: 20rpx;
					color: #999999;
					margin-right: 10rpx;
			}
		}
	
</style>
<style>
	page {
		padding: 20rpx;
		background:#fff;
	}
</style>
